<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>叮当快医</title>
    <link rel="stylesheet" href="./iconfont/font_3670576_jqwv7hl7o8/iconfont.css">
    <script src="./iconfont/font_3670576_jqwv7hl7o8/iconfont.js"></script>
    <style>
        * {
            padding: 0;
            margin: 0;
        }
        
        a {
            text-decoration: none;
        }
        
        html,
        body,
        .app {
            height: 100%;
        }
        
        header {
            background-color: #fff;
            height: 2.8125rem;
            width: 100%;
            position: fixed;
            top: 0;
            left: 0;
            display: flex;
            border-bottom: .0156rem solid #a9a8a8;
            align-items: center;
        }
        
        header a {
            position: fixed;
            z-index: 1;
        }
        
        .ddky {
            width: 100%;
            height: 2.8125rem;
            position: fixed;
            top: 0;
            left: 0;
            display: flex;
            /* border-top: 1px solid #d6d6d6; */
            justify-content: center;
            align-items: center;
        }
        
        footer {
            background-color: #fff;
            height: 3.4375rem;
            width: 100%;
            position: fixed;
            bottom: 0;
            left: 0;
            display: flex;
            border-top: 1px solid #d6d6d6;
            justify-content: space-around;
        }
        
        footer div {
            width: 100%;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        
        main {
            padding: .1563rem .4688rem;
        }
        
        .a {
            width: 100%;
            display: flex;
            left: 0;
            padding-top: 3.4375rem;
            justify-content: center;
        }
        
        .a img {
            width: 100%;
            border-radius: 5%;
        }
        
        img {
            width: 100%;
        }
        
        .zuo {
            width: 41.8125rem;
        }
        
        .yszx {
            display: flex;
            left: 0;
            width: 100%;
            justify-content: center;
        }
        
        .e {
            width: 100%;
            display: flex;
            left: 0;
            padding-top: .7813rem;
            justify-content: center;
        }
        
        .e img {
            width: 100%;
            border-radius: 5%;
        }
    </style>
</head>

<body>
    <div class="app">
        <header>
            <a href="../首页/index.html">
                <</a>
                    <div class="ddky">
                        <p>叮当快医</p>
                    </div>
        </header>
        <main>
            <div class="a"><img src="img/a.png" alt=""></div>
            <p style="padding: .7813rem 0; font-size:x-large; font-weight: 700;">医生服务</p>
            <div class="yszx">
                <div class="zuo">
                    <a><img src="img/左1.png" alt=""></a>
                </div>
                <div class="dhzx">
                    <a href=""><img src="img/右上.png" alt=""></a>
                    <a href=""><img src="img/右下.png" alt=""></a>
                </div>
            </div>
            <div class="e"><img src="img/e.png" alt=""></div>
        </main>
        <footer>
            <div class="shouye">
                <a href="../首页/index.html">
                    <i class="iconfont ">&#xe751;</i>
                </a>
                <p> 首页</p>

            </div>
            <div class="jilu">
                <a> <i class="iconfont ">&#xe603;</i></a>
                <p>就诊记录</p>
            </div>
        </footer>
    </div>
</body>

</html>